<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<h2 class="aui-gutter-column-md">{{ 'common_available_capacity_label' | i18n }}</h2>

<lv-form-column lvWidth="33.333%">
    <lv-form-item>
        <lv-form-label>
            {{'system_sftp_quota_label' | i18n}}
        </lv-form-label>
        <lv-form-control>
            {{ limitSpaceQuota | capacityCalculateLabel:'1.1-3':unitconst.BYTE: true }}
        </lv-form-control>
    </lv-form-item>
</lv-form-column>
<lv-form-column lvWidth="33.333%">
    <lv-form-item>
        <lv-form-label>
            {{'system_used_percentage_label' | i18n}}
        </lv-form-label>
        <lv-form-control>
            {{spaceUsedRate ? spaceUsedRate : '--'}}
        </lv-form-control>
    </lv-form-item>
</lv-form-column>

<lv-form-column lvWidth="100%" class="form-column-mt">
    <div class='used-capactiy-percent-bar'>
        <lv-progress [lvValue]="sizePercent" [lvColors]='progressBarColor' lvShowLabel="false" lvDecimals="3">
        </lv-progress>
    </div>
</lv-form-column>

<lv-form-column lvWidth="50%" class="form-column-mt">
    <div class="status">
        <i [ngStyle]="{ background: usedSizeColor }"></i>
        <span>
            {{ usedSpaceQuota | capacityCalculateLabel:'1.1-3':unitconst.BYTE: true}}
        </span>
    </div>
    <div>
        <span class="aui-text-help-sm used-capacity-desc">
            {{'common_used_capacity_label' | i18n}}
        </span>
    </div>
</lv-form-column>

<lv-form-column lvWidth="50%" class="form-column-mt">
    <div class="status">
        <i [ngStyle]="{ background: '#e6ebf5' }"></i>
        <span>
            {{ unusedSpaceQuota | capacityCalculateLabel:'1.1-3':unitconst.BYTE: true }}
        </span>
    </div>
    <div>
        <span class="aui-text-help-sm unused-capacity-desc">
            {{'common_unused_capacity_label' | i18n}}
        </span>
    </div>
</lv-form-column>
